<template>
  <div>
    <van-popup v-model="show" close-icon-position="top-left" position="top" :overlay=false duration="0.3"
      :style="{ height: '5%', backgroundColor: '#ffffff' }">
      <div class="slip-top" @click.stop="">

        <i @click="back" class="icon-zuojiantou  iconfont"></i>
      </div>
    </van-popup>
  </div>
</template>

<script>
export default {
  props: ['show'],
  methods: {
    back() {



      this.$router.replace({ name: 'home' })
      this.$emit('show')
    }
  }
}
</script>

<style lang="scss" scoped>
.slip-top {
  color: #ffff;
  font-size: 1rem;
  height: 100%;
  display: flex;
  justify-content: space-between;

  align-items: center;

  .icon-zuojiantou {
    font-size: 0.9rem;
    color: black;
  }
}
</style>